<#assign viewStyle = "DEFAULT"/>
<#if view.getViewStyle?? && view.getViewStyle()??>
  <#assign viewStyle = view.getViewStyle()/>
</#if>
<studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if> viewName="${view.getCodeName()?lower_case}" viewTitle="${view.getTitle()}" class='${view.getViewType()?lower_case} ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>'>
<@ibizindent blank=4>
    <#ibizinclude>../@MACRO/VIEW_CAPTION.vue.ftl</#ibizinclude>
</@ibizindent>
<#if view.hasPSControl('datapanel')>
    <template slot="dataPanel">
        <@ibizindent blank=8>
        ${P.getCtrlCode('datapanel', 'CONTROL.html').code}
        </@ibizindent>
    </template>
</#if>
    <split id="${view.getCodeName()?lower_case}" v-model="split" mode="horizontal">
        <div slot='left'>
            <el-tree ref="tree" :data="wfStepModel" node-key="userTaskId" :highlight-current="true" :props="defaultProps" @node-click="handleNodeClick.apply(_self, arguments)">
                 <span class="custom-tree-node" slot-scope="{ node, data }">
                   <span class="tree-node-label">{{data.userTaskName}}</span>
                   <span class="tree-node-count"><badge :count="data.cnt"></badge></span>
                </span>
            </el-tree>
        </div>
        <div slot="right">
            <div class="content-container">
                <studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if>>
                    <#if view.hasPSControl('toolbar')>
                    <template slot="toolbar">
                        <@ibizindent blank=8>
                        ${P.getCtrlCode('toolbar', 'CONTROL.html').code}
                        </@ibizindent>
                    </template>
                    </#if>
                    <#if view.hasPSControl('searchform')>
                    <template slot="searchForm">
                        ${P.getCtrlCode('searchform', 'CONTROL.html').code}
                    </template>
                    </#if>
                    <#if view.hasPSControl('grid')>
                    ${P.getCtrlCode('grid', 'CONTROL.html').code}
                    </#if>
                </studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if>>
            </div>
        </div>
    </split>
</studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if>>